﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Main_Wap.Master" Inherits="System.Web.Mvc.ViewPage<tophd.Models.Entity.Video>" %>

<%@ Import Namespace="tophd.Classes.Helper" %>
<%@ Import Namespace="tophd.Models.Entity" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
   hd.langmauviet.vn - <%=Model.Name %>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <% var video = (Video)ViewData["DetailVideo"];
       var hotVideo = (List<Video>)ViewData["VideoCouldYouLike"]; %>
    <div id="topSld">
        <div class="sldImg">
            <div>
                <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none"
                    width="100%" height="400" poster="http://vipmobi.net:7001/mobile/download?v=1&w=150&h=150&id=<%=video.Icon%>"
                    data-setup="{}">
                <source src="<%=video.Url%>" type='video/mp4' />
 
                </video>
                <span style="display: none;" onclick="javascript:vidplay();">&gt;&gt;</span>
                <%--<script type="text/javascript">
                    $(document).ready(function () {
                        var h23 = ($(window).width() * 552) / 984;
                        $(".video123").attr("width", $(window).width()).attr("height", h23);
                        var video = document.getElementById("video123"); //var button = document.getElementById("play");    //if (video.paused) {
                        video.play();
                    });
                    $(window).resize(function () {
                        var h23 = ($(window).width() * 552) / 984;
                        $(".video123").attr("width", $(window).width()).attr("height", h23);
                    });
                </script>--%>
            </div>
        </div>
    </div>
    <div class="dt">
        <div class="f">
            <div class="f1 clearfix">
                <div class="l">
                    <img src="http://vipmobi.net:7001/mobile/download?v=1&w=250&id=<%= video.Icon %>"
                        alt="<%=video.Name %>"></div>
                <div class="r">
                    <p>
                        <span class="title"><%=video.Name %></span></p>
                    
                    <p>
                        <span class="title">Thời lượng: </span><span>0 phút</span></p>
                    <p>
                        <span class="title">Lượt xem: </span><span>1,613</span></p>
                   
                    <p>
                        <span class="title">Thể loại: </span><span>Hành động, Giả Tưởng</span></p>
                    <div>
                        <span class="title">Tóm tắt: </span><span><span id="lblDes" class="mb12 justify" style="font-size: 13px; line-height: 20px;"><%=video.Description %></span></span></div>
                </div>
            </div>
        </div>
    </div>
    <div id="content">
        
        <div class="c clearfix">
            <div class="l">
                <div class="cFolder">
                    <a href="/">Có thể bạn chưa xem</a></div>
                <img src="/App_Themes/Theme.Wap/Images/colection_menu_red_right.png">
            </div>
        </div>
        <div class="cFrame clearfix">
            <% if (!ReferenceEquals(hotVideo, null))
               {
                   foreach (var hvideo in hotVideo)
                   {
                       %>
            <div class="cElement clearfix">
                <div class="row clearfix">
                    <a class="cTitle aclk1" href="/Video/Xem/<%=hvideo.VideoId %>/<%=UIHelper.convertToUnSign(hvideo.Name) %>">
                        <div class="l mar7 marr12">
                            <img src="http://vipmobi.net:7001/mobile/download?v=1&w=250&id=<%= hvideo.Icon %>"
                                alt="<%=hvideo.Name %>"></div>
                        <div class="mar2">
                            <div class="acl3">
                                <span class="cTitle">
                                    <%=hvideo.Name %></span>
                                <div class="intro">
                                    <span>
                                        <%=hvideo.Description %></span></div>
                                <div class="tt3a">
                                    Thể loại:
                                    <%tophd.Models.Service.CategoryService cs = new tophd.Models.Service.CategoryService();
                                      Category cate = cs.GetCategoryById(hvideo.CategoryId); %>
                                    <%=cate.Name %></div>
                            </div>
                            <div class="row lastRow">
                                <div class="rate">
                                    <img src="/App_Themes/Theme.Wap/Images/view_icon.png" alt="<%=hvideo.Name %>">
                                    <span class="gray">33</span>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <%}
            %>
            <%} %>
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="metaheader" runat="server">
    <script src="/App_Themes/Theme.Wap/JS/video.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="/App_Themes/Theme.Wap/CSS/video-js.css" />
</asp:Content>
